<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>-->
    <script src="./js/flexible_css.js"></script>
    <script src="./js/flexible.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/reqrcode.js"></script>
    <link href="./css/pay.css" rel="stylesheet" type="text/css">
    <link href="./css/loading.css" rel="stylesheet" type="text/css">
    <title>爱币充值</title>
</head>

<body ontouchstart="" onmouseover="">
    <div id="id_div_user">
        <p class="class_user_title">充值操作</p>
        <input class="class_user_input" type="text" placeholder="请输入用户名">
        <p></p>
        <button class="class_user_btn_next" type="button" onclick="btnNextClick()">下一步</button>
        <p></p>
        <label class="class_user_result"></label>
    </div>

    <div id="id_div_selected">
        <label class="class_selected_label">充值选档</label>
        <div class="class_selected_list">
            <ul class="class_selected_ul">
                <!--<li>-->
                    <!--<span>-->
                        <!--<img src="resource/image/icon_gold_coin.png">-->
                        <!--<font>65</font>-->
                    <!--</span>-->
                    <!--<button id = ${i} onclick="chargeBtnClicked(this)">充值￥6</button>-->
                <!--</li>-->
                <!--<li>100</li>-->
                <!--<li>500</li>-->
                <!--<li>998</li>-->
            </ul>
        </div>
    </div>

    <div id="id_div_wx_alipay">
        <b>选择支付方式</b>
        <p></p>
        <button class="class_wx_alipay_btn_wx" onclick="payBtnClicked(1)">微信</button>
        <p></p>
        <button class="class_wx_alipay_btn_ali" onclick="payBtnClicked(2)">支付宝</button>
    </div>

    <div id="id_div_qrcode">
        <button class="class_qrcode_btn_cancel" onclick="cancelQrcode()">取消</button>
        <font class="class_qrcode_tip"></font>
        <br>
        <b style="font-size: 0.5rem;color: red;">有效期至：</b>
        <p class="class_qrcode_time"></p>
        <img class="class_qrcode_img">
        <p></p>
        <font class="class_qrcode_description"></font>
        <p></p>
        <font style="font-size: 0.5rem;color: blue;">(随机立减)</font>
        <p></p>
        <b class="class_qrcode_notice">
            超过有效期请勿购买，如若购买爱币未到账请联系客服</b>
    </div>

    <div id="id_div_cancel">
        <b class="class_cancel_tip" style="font-size: 1rem;color: black;">订单已取消</b>
    </div>

    <div id="id_div_loading">
        <div class="rect1"></div>
        <div class="rect2"></div>
        <div class="rect3"></div>
        <div class="rect4"></div>
        <div class="rect5"></div>
    </div>
</body>
<script src="./js/pay.js"></script>
</html>